<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>24jQuery事件移除</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
            $(function () { 
                function test1() {
                    alert("hello 1");
                  }
                function test2() {
                    alert("hello 2");
                  }
                $("button").click(test1);
                $("button").click(test2);
                // $("button").mouseleave(function () {
                //     alert("hello mouseleave");
                //   })
                // $("button").mouseenter(function () {
                //     alert("hello mouseenter");
                //   })
                

                //off():如果不传递参数，会移除所有事件
                //如果传递一个参数，会移除指定类型的所有事件
                //如果传递两个参数，会移除指定类型的指定事件
                $("button").off();
                $("button").off(click);
                $("button").off("click",test1);
                
             });
             
        </script>
    </head>
    <body>
        <button>点我</button>
    </body>
</html>